<%--
  Created by IntelliJ IDEA.
  User: 如烟
  Date: 2020/9/25
  Time: 9:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>订房</title>
    <!-- Meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Online Auto Booking Form Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements"/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);
        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- //Meta tags -->
    <!-- Stylesheet -->
    <link href="${pageContext.request.contextPath}/static/css/userCSS/wickedpicker.css" rel="stylesheet" type='text/css' media="all" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/jquery-ui2.css" />
    <link href="${pageContext.request.contextPath}/static/css/userCSS/style4.css" rel='stylesheet' type='text/css' />
    <!-- //Stylesheet -->
    <!--fonts-->
    <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
    <link href="//fonts.googleapis.com/css?family=Montserrat+Alternates:200,400,500,600,700" rel="stylesheet">
    <!--//fonts-->
</head>

<body>
<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>
<!--background-->
<h1> <span>M</span>在 <span>A</span>线 <span>Y</span>订 <span>D</span>房 </h1>
<div class="bg-agile">
    <div class="left-agileits-w3layouts-img">
        <h3>温馨提示</h3>
        <ul>
            <li><span>.</span>24小时专车接送</li>
            <li><span>.</span>24小时随时在线预订</li>
            <li><span>.</span>24小时监控为您的安全保驾护航</li>
            <li><span>.</span>室外超大泳池</li>
        </ul>
        <p>- 顾客是上帝.</p>
    </div>
    <div class="book-appointment">
        <div style="float: right; color: white"><a href="${pageContext.request.contextPath}/user/roomShow">x</a></div>
        <h2>${user.loginName}的订单</h2>
        <div class="book-agileinfo-form">
            <form action='${pageContext.request.contextPath}/user/roomBook' method="post">
                <div class="main-agile-sectns">
                    <div class="agileits-btm-spc form-text1">
                        <input type="text" name="loginName" placeholder="名字" value="${user.loginName}" readonly="readonly" required="">
                    </div>
                    <div class="agileits-btm-spc form-text2">
                        <input type="text" name="phone" placeholder="电话" required="">
                    </div>
                </div>
                <div class="clear"></div>
                <div class="main-agile-sectns">
                    <div class="agileits-btm-spc form-text1">
                        <input id="datepicker" name="starttime" type="text" placeholder="入住时间" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'yyyy-MM-dd';}" required="">
                    </div>
                    <div class="agileits-btm-spc form-text2">
                        <input id="datepicker2" name="endtime" type="text" placeholder="退房时间" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'yyyy-MM-dd';}" required="">
                    </div>
                </div>
                <div class="main-agile-sectns">
                </div>
                <div class="main-agile-sectns">
                    <div class="agileits-btm-spc form-text1">
                        <select id="country1" name="number" onchange="change_country(this.value)" class="frm-field required sect">
                            <option value="">入住人数</option>
                            <option name="number" value="1">1</option>
                            <option name="number" value="2">2</option>
                            <option name="number" value="3">3</option>
                            <option name="number" value="4">4</option>
                            <option name="number" value="5">5</option>
                            <option name="number" value="6">6</option>
                        </select>
                    </div>
                    <div class="agileits-btm-spc form-text1">
                       <input type="text" name="hotelType" value="${roomOrder.hotelType}" placeholder="${roomOrder.hotelType}" readonly="readonly">
                    </div>
                </div>
                <div class="main-agile-sectns">
                <div class="agileits-btm-spc form-text1">
                    <input type="text" name="payMoney" placeholder="${roomOrder.price}"  readonly="readonly" value="${roomOrder.price}" required="">
                </div>
                    <div class="agileits-btm-spc form-text1">
                        <input type="text" name="hId" id="hId" value="${roomOrder.hId}" readonly="readonly">

                    </div>
                </div>
                <input type="submit" value="确定">
                <input type="reset" value="重置">
                <div class="clear"></div>
            </form>
        </div>

    </div>
</div>
<!--copyright-->
<div class="copy-w3layouts">
    <p>&copy; 2020. 假日酒店 | Design by  |  yyl & hql
    </p>
</div>
<!--//copyright-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/userJS/jquery-2.2.3.min.js"></script>
<!-- Time -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/userJS/wickedpicker.js"></script>
<script type="text/javascript">
    $('.timepicker').wickedpicker({
        twentyFour: false
    });
</script>
<!--// Time -->
<!-- Calendar -->
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery-ui2.js"></script>
<script>
    $(function () {
        $("#datepicker,#datepicker1,#datepicker2,#datepicker3").datepicker();
    });
</script>
<!-- //Calendar -->

</body>
</html>
